Vue.component("header-bottom",{
    props:[
        "levelone",
        "leveltwo"
    ],
    template:`
               <div class="header-bottom-area d-none d-lg-block">
            <div class="container">
                <div class="header-bottom-inner">
                    <a href="index.html" class="header-logo">
                        <img src="img/logo/logo-light.png" alt="slimfit">
                    </a>
                    <nav class="sf-navigation">
                        <ul>
                            <li><a href="index.html">首页</a></li>
                            <li><a href="#">数码产品</a>
                                <ul>
                                    <li v-for="clv2 in clv2_arr"><a href="#"><img
                                            src="./img/category/leveleone1/手机.jpg">手机</a></li>
                                    <li><a href="#"><img src="img/category/levelone1平板.jpg">平板</a></li>
                                    <li><a href="#"><img src="img/category/levelone1笔记本.png">笔记本</a></li>
                                    <li><a href="#"><img src="img/category/levelone1台式机.jpg">台式机</a></li>
                                    <li><a href="#"><img src="img/category/levelone1手表手环.jpg">手表手环</a></li>
                                    <li><a href="#"><img src="img/category/levelone1单反相机.jpg">照相机</a></li>
                                    <li><a href="#"><img src="img/category/levelone1充电宝.jpg">充电宝</a></li>
                                    <li><a href="#"><img src="img/category/levelone1耳机.jpg">耳机</a></li>
                                    <li><a href="#"><img src="img/category/levelone1手机配件.jpg">手机配件</a></li>
                                    <li><a href="#"><img src="img/category/levelone1电脑配件.jpg">电脑配件</a></li>
                                    <li><a href="#"><img src="img/category/levelone1路由器.jpg">路由器</a></li>
                                    <li><a href="#"><img src="img/category/levelone1其他.png">其他</a></li>
                                </ul>
                            </li>
                            <li><a href="#">书籍教材</a>
                                <ul>
                                    <li><a href="#"></a>教科书</li>
                                    <li><a href="#"></a>文学</li>
                                    <li><a href="#"></a>小说</li>
                                    <li><a href="#"></a>电子书</li>
                                    <li><a href="#"></a>教育考试</li>
                                    <li><a href="#"></a>动漫</li>
                                    <li><a href="#"></a>其他</li>
                                </ul>
                            </li>
                            <li class="megamenu-active"><a href="#">咖啡产品</a>
                                <ul>
                                    <li><a href="#">咖啡豆</a>
                                        <ul>
                                            <li><a href="#">中度烘焙咖啡豆</a></li>
                                            <li><a href="#">深度烘焙咖啡豆</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">星巴克VIA® 免煮咖啡</a>
                                        <ul>
                                            <li><a href="#">VIA® Dairy</a></li>
                                            <li><a href="#">VIA® Black</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">星巴克臻选™咖啡</a></li>
                                    <li><a href="#">Origami™</a>
                                        <ul>
                                            <li><a href="#">Origami™ 中度烘焙</a></li>
                                            <li><a href="#">Origami™ 深度烘焙</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="#">商品</a>
                                <ul>
                                    <li><a href="#">常规产品</a></li>
                                    <li><a href="#">臻选产品</a></li>
                                </ul>
                            </li>
                            <li><a href="about-us.html">关于我们</a></li>
                            <li><a href="contact.html">联系我们</a></li>
                        </ul>
                    </nav>
                    <ul class="header-icons">
                        <li>
                            <button class="header-search-trigger"><i class="ti ti-search"></i></button>
                            <div class="header-searchbox-wrapper">
                                <form class="header-searchbox" action="search.html">
                                    <input type="text" placeholder="搜索...">
                                    <button><i class="ti ti-search"></i></button>
                                </form>
                            </div>
                        </li>
                        <li>
                            <button class="header-minicart-trigger"><i class="ti ti-shopping-cart"></i></button>
                            <div class="minicart header-minicart">
                                <ul class="minicart-product-list">
                                    <li>
                                        <a href="product-details.html" class="minicart-product-image">
                                            <img src="img/product/product-image-1-1.jpg" alt="cart products">
                                        </a>
                                        <div class="minicart-product-details">
                                            <h6><a href="product-details.html">美式咖啡（热/冷）</a></h6>
                                            <span>￥27 x 2</span>
                                        </div>
                                        <button class="close">
                                            <i class="ti ti-close"></i>
                                        </button>
                                    </li>
                                    <li>
                                        <a href="product-details.html" class="minicart-product-image">
                                            <img src="img/product/product-image-1-2.jpg" alt="cart products">
                                        </a>
                                        <div class="minicart-product-details">
                                            <h6><a href="product-details.html">拿铁（热/冷）</a></h6>
                                            <span>￥31 x 1</span>
                                        </div>
                                        <button class="close">
                                            <i class="ti ti-close"></i>
                                        </button>
                                    </li>
                                </ul>
                                <p class="minicart-total">小计: <span>￥85.00</span></p>
                                <div class="minicart-button">
                                    <a href="cart.html"
                                       class="sf-button sf-button-dark sf-button-fullwidth sf-button-sm">
                                        <span>查看完整购物车</span>
                                    </a>
                                    <a href="checkout.html" class="sf-button sf-button-fullwidth sf-button-sm">
                                        <span>结算</span>
                                    </a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    `
})